﻿.formdkdn {
    color: #fff;
    font-size: 15px;
    margin: auto;
    width: 320px;
}


.formdkdn td:first-child {
    line-height: 34px;
    padding-right: 7px;
    text-align: right;
    width: 120px;
}
.formdkdn td input[type="text"] {
    
}

.formdkdn td input[type="text"], .formdkdn td input[type="password"] {
    border: 1px solid #ccc;
    border-radius: 2px;
    height: 22px;
    padding-left: 5px;
    width: 165px;
}

.formdkdn td a {
    color: #fff;
    display: inline-block;
    font-size: 14px;
    font-weight: normal;
    height: 32px;
    line-height: 30px;
    margin: 0;
    padding-top: 4px;
    text-align: right;
    text-decoration: none;
    width: 69px;
}

.formdkdn td input[type="submit"] {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #ccc;
    border-radius: 2px;
    font-weight: bold;
    height: 30px;
    margin-top: 6px;
    width: 80px;
}
#audioPlayer{

    display:none;
}
html {
            height: 100%;
    } 
.swiper-container {
    width: 100%;
    height: 100%;  
     min-height: 650px;
} 
/*url("http://altp.zomgame.com/Content/imgs/bg_home.png") repeat scroll center top*/
body {
    background:  #350e4f;
   position: relative;
        height: 100%;
    min-width:320px;
    padding:0 0 0 0;
    margin:0;
    
    font-family: tahoma;
}
.span2 {
    float:left;
    width:50%;
}
.span3 {
    float:left;
    width:33%;
}
.span4 {
    float:left;
    width:25%;
}
.span5 {
    float:left;
    width:20%;
}

body .page { 
      min-height: 650px;
    clear: both;
    float: none; 
    margin: auto;
    min-width: 320px;
} 
body .page .innerPage {
    background: url("http://altp.zomgame.com/Content/imgs/bg_circle_anim.png") no-repeat scroll center 40px rgba(0, 0, 0, 0);
    margin: auto;
    min-width: 320px; 
    min-height:400px;
}
.logo img {
    display:block;
    margin:0 auto 0;
    padding-top:225px;
}
.box0 {
    height:360px;
}
.box0 a img {
    display: block;
    margin: auto;
    padding-top: 105px;
}
.box1 {
}
.box1 .hr { 
    background:url("http://altp.zomgame.com/Content/imgs/hr.png") repeat-x  0 26px;
}
.box1 .hr1 { 
    background:url("http://altp.zomgame.com/Content/imgs/hr1.png") repeat-x 0 27px ;
}
.box1 a {
    display: block;
    height: 56px;
    margin: 15px auto 0;
    width: 232px;
}
.box1 .choithu {
    background: url("http://altp.zomgame.com/Content/imgs/button_trial_normal.png") no-repeat;  
}
.box1 .dangnhap{
    background:url("http://altp.zomgame.com/Content/imgs/button_zalo_login_normal.png") no-repeat ; 
}
.box1 .choithu:hover {
    background: url("http://altp.zomgame.com/Content/imgs/button_trial_press.png") no-repeat;  
}
.box1 .dangnhap:hover{
    background:url("http://altp.zomgame.com/Content/imgs/button_zalo_login_active.png") no-repeat ; 
}
.box1 .choithu, .box1 .dangnhap, .box1 .choithu:hover, .box1 .dangnhap:hover {
    background-color:#350e4f;
}


.box4 {
}
.box4 .header{
    background:#210030;
    height:61px;
    position:relative;
}
    .box4 .header .s2 {
         height: 90px;
    position: absolute;
    width: 100%;
    z-index: 50;
    }
    .box4 .header .span2 {
        position:relative;
        z-index:100;
    }
.box4 .header .avata {
    background: url("http://altp.zomgame.com/Content/imgs/avata.jpg") no-repeat scroll -6px -6px rgba(0, 0, 0, 0);
    border: 3px solid #fff;
    border-radius: 31px;
    float: left;
    height: 40px;
    margin: 4px 0 0 7%;
    overflow: hidden;
    width: 40px;
}
.box4 .header .avata img{
    width:52px;
    height:52px;
} 
.box4 .header .memmber {
       color: #fff;
    float: left;
    font-weight: bold;
    line-height: 23px;
    margin: 5px 0 0 7%;
}
.box4 .header .memmber .txt {
    font-size: 14px;
    font-style: italic;
    font-weight: normal;
}

.box4 .header .time {
    border: 3px solid #fff;
    border-radius: 35px;
    color: #fff;
    font-size: 20px;
    font-weight: lighter;
    height: 30px;
    line-height: 29px;
    margin: 10px auto 0;
    text-align: center;
    width: 30px;
}
.box4 .header .price {
    background: url("http://altp.zomgame.com/Content/imgs/profile_icon_money.png") no-repeat scroll left top rgba(0, 0, 0, 0);
    color: #fff;
    float: right;
    font-size: 19px;
    font-weight: bold;
    height: 30px;
    line-height: 28px;
    margin: 17px 7% 0 0;
    padding-left: 32px;
}
.box4 .question{
      margin: 25px 1% 25px;
}
.box4 .question .content{
    background: url("http://altp.zomgame.com/Content/imgs/question_background_01.png")  no-repeat;
 
    min-height:211px;
    padding-left:47px;
 
}
    .box4 .question .content .inner_bg2{
        background: url("http://altp.zomgame.com/Content/imgs/question_background_03.png") no-repeat scroll top right;
       padding-right:47px;
    }
 
.box4 .question .title {
    background: url("http://altp.zomgame.com/Content/imgs/order_question.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #4a0375;
    font-size: 18px;
    font-weight: bold;
    height: 33px;
    line-height: 33px;
    margin: 0 auto -38px;
    position: relative;
    text-align: center;
    width: 214px;
    z-index: 5000;
}

.box4 .question .content .inner_bg3 {
    background: url("http://altp.zomgame.com/Content/imgs/question_background_02.png") repeat-x scroll 0 0 rgba(0, 0, 0, 0);
    color: #f0d93b;
    font-size: 16px;
    font-weight: bold;
    min-height: 205px;
    padding: 0;
    text-align: center;
}
.box4 .bt_action {
    height:68px;
    }
.box4 .bt_action span{
    width:45px;
    height:45px;
    display:block;
    margin:auto;
}
    .box4 .bt_action {
        margin-top:11px;
    }
    .box4 .bt_action span a{
        display:none;
        width:100%;
        height:100%;
    }
    .box4 .bt_action span.ac1 {
         background: url("http://altp.zomgame.com/Content/imgs/button_image_help_stop.png") no-repeat; 
    }
    .box4 .bt_action span.ac1 a:hover,.box4 .bt_action a.ac1.active {
         background: url("http://altp.zomgame.com/Content/imgs/button_image_help_stop_active.png") no-repeat; 
    }
     /*.box4 .bt_action span.ac1.Use {
         background: url("http://altp.zomgame.com/Content/imgs/button_image_help_stop_x.png") no-repeat; 
    }*/

    .box4 .bt_action span.ac2 {
         background: url("http://altp.zomgame.com/Content/imgs/button_image_help_change_question.png") no-repeat; 
    }
    .box4 .bt_action span.ac2 a:hover,.box4 .bt_action span.ac2.active {
         background: url("http://altp.zomgame.com/Content/imgs/button_image_help_change_question_active.png") no-repeat; 
    }
    .box4 .bt_action span.ac2.Use {
         background: url("http://altp.zomgame.com/Content/imgs/button_image_help_change_question_x.png") no-repeat; 
    }
   

    .box4 .bt_action span.ac3 {
         background: url("http://altp.zomgame.com/Content/imgs/button_image_help_5050.png") no-repeat; 
    }
    .box4 .bt_action span.ac3 a:hover,.box4 .bt_action span.ac3.active {
         background: url("http://altp.zomgame.com/Content/imgs/button_image_help_5050_active.png") no-repeat; 
    }
    .box4 .bt_action span.ac3.Use {
         background: url("http://altp.zomgame.com/Content/imgs/button_image_help_5050_x.png") no-repeat; 
    }

    .box4 .bt_action span.ac4 {
         background: url("http://altp.zomgame.com/Content/imgs/button_image_help_audience.png") no-repeat; 
    }
    .box4 .bt_action span.ac4 a:hover,.box4 .bt_action span.ac4.active {
         background: url("http://altp.zomgame.com/Content/imgs/button_image_help_audience_active.png") no-repeat; 
    }
    .box4 .bt_action span.ac4.Use {
         background: url("http://altp.zomgame.com/Content/imgs/button_image_help_audience_x.png") no-repeat; 
    }

    .box4 .bt_action span.ac5 {
         background: url("http://altp.zomgame.com/Content/imgs/button_image_help_call.png") no-repeat; 
    }
    .box4 .bt_action span.ac5 a:hover,.box4 .bt_action span.ac5.active {
         background: url("http://altp.zomgame.com/Content/imgs/button_image_help_call_active.png") no-repeat; 
    }
    .box4 .bt_action span.ac5.Use {
         background: url("http://altp.zomgame.com/Content/imgs/button_image_help_call_x.png") no-repeat; 
    }

    .box4 .answer {
    }
.box4 .answer a {
    background: url("http://altp.zomgame.com/Content/imgs/layout_play_answer_background_normal.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #fff;
    display: block;
    height: 49px;
    line-height: 48px; 
    text-align: center;
    text-decoration: none;
    width: 296px;
}
.box4 .answer .span2 > span { 
    display: block;
    height: 49px; 
    margin: auto auto 18px;  
    width: 296px;
}
    .box4 .answer a.selected,.box4 .answer a:hover {
        background: url("http://altp.zomgame.com/Content/imgs/layout_play_answer_background_selected.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);   
    }
    .box4 .answer a.true {
        background: url("http://altp.zomgame.com/Content/imgs/layout_play_answer_background_true.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);   
    }
    .box4 .answer a.wrong {
        background: url("http://altp.zomgame.com/Content/imgs/layout_play_answer_background_wrong.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);   
    }
 
  @media only screen and  (max-width: 767px) {

    .box4 .answer .span2{
        min-width:100%;
    }
  }   
    
    .box4 .answer {
    }
    .box4 .answer {
    }

.nav {
    background: none repeat scroll 0 0 #3d3d3d;
    bottom: 0px;
    box-shadow: 0 -2px 4px #7f7f7f;
    height: 52px;
    position: fixed;
    width: 100%;
    z-index:1000;
}

.nav div span {
    display:block;
    border-top: 1px solid #7f7f7f;
    border-left:1px solid #141414;
    
}
.nav a{
    border-left: 1px solid #464646;
    border-right: 1px solid #464646;
    height: 52px;
    display: block;
    margin-top:4px;
}

.nav a:hover {
    border-top: 2px solid #0d92bd;
    box-shadow: 0 -2px 3px -1px #0d92bd;
    margin-top: 2px;
}
    .nav a img {
        display:block;
        margin:0 auto 0;
        padding-top:12px;

    }
    .nav .bt5  a img{
        padding-top:2px;
    }
.box2 {
    padding-top:40px;
}
.box2 ul{
    float:none;
    padding:0;
    margin:0;
}

.box2 ul li {
  color: #fff;
    font-size: 18px;
    line-height: 29px;
    list-style: outside none none;
    text-align: center;
       margin-bottom: 25px;
}
    .box2 ul li:first-child a{
        color:#f7e03b;
    }
.box2 ul li.selected {
    background: url("http://altp.zomgame.com/Content/imgs/player_image_money_curent.png") no-repeat scroll center top rgba(0, 0, 0, 0);  
}
 .box2 ul li.active {
    background: url("http://altp.zomgame.com/Content/imgs/player_image_money_milestone.png") no-repeat scroll center top rgba(0, 0, 0, 0);  
}
.box2 ul li a {
   color: #fff;
    display: block;
    height: 100%;
    margin: auto;
    text-align: left;
    text-decoration: none;
    width: 254px;
cursor:default;
}
.box2 ul li span {
    margin-left: 50px;
    margin-right: 30px;
}


.box3 {
    padding:0 6% 0;

}
.box3 .title{
    height:47px;
    padding-left:30px;
    line-height:45px;
        background:#961caf;
        color:#FFF; 
        font-weight:normal;
        font-size:20px;
}
.box3 .content{
    background:#181818;
}

.box3 .content .msg {
    color: #fff;
    font-size: 23px;
    padding: 7%;
    text-align: center;
}
.box3 .bt {
    clear: both;
    display: block;
    float: none;
    height: 40px;
    padding-bottom: 4%;
}

.box3 .bt a {
    background: none repeat scroll 0 0 #902cd6;
    border-radius: 5px;
    color: #fff;
    display: block;
    font-size: 19px;
    height: 42px;
    line-height: 40px;
    margin: 0 8%;
    text-align: center;
    text-decoration: none;
}

.box8 {
    margin: 0 2%; 
}

.box8 .content {
    background: url("http://altp.zomgame.com/Content/imgs/audience_1.png") no-repeat scroll left top rgba(0, 0, 0, 0);
    padding-left: 8px;
}
.box8 .content .inner_bg1 {
    background: url("http://altp.zomgame.com/Content/imgs/audience_3.png") no-repeat scroll right top rgba(0, 0, 0, 0);
    padding-right: 8px;
} 
.box8 .content .inner_bg2 {
    background: url("http://altp.zomgame.com/Content/imgs/audience_2.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 280px;
}

.box8 .title {
    background: url("http://altp.zomgame.com/Content/imgs/layout_help_call_title_background.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 55px;
    line-height: 55px;
    margin: 0 auto -31px;
    position: relative;
    text-align: center;
    width: 226px;
    z-index: 5000;
}
    
.box8 .content .answer {
    border-bottom: 3px solid #fff;
    height: 133px;
    margin: 0;
   padding: 50px 1% 0;
}
.box8 .content .answer .block{
    height:133px;
    margin:0 5%;
    position:relative;
}
.box8 .content .answer .block .pt{
    background:#b2ff2a; 
    position:absolute;
    bottom:0;   
    width:100%;
}
   .box8 .content .answer .block .txt {
    color: #fff;
    font-size: 23px;
    margin-top: -40px;
    text-align: center;
}

.box8 .content .ylst {
   color: #fff;
    font-size: 27px;
    height: 31px;
    line-height: 27px;
    margin-bottom: 0;
    text-align: center;
}
.box8 .button a {
   background: url("http://altp.zomgame.com/Content/imgs/dialog_confirm_background_button.png") no-repeat scroll 5px 6px rgba(0, 0, 0, 0);
    color: #fff;
    display: block;
    font-size: 17px;
    height: 40px;
    line-height: 40px;
    margin: auto;
    padding: 0;
    text-align: center;
    text-decoration: none;
    width: 122px;
}
    .box8 .button a:hover {
        background: url("http://altp.zomgame.com/Content/imgs/btn_template_active.png") no-repeat;
    }


.box8 .content {
}

.box8.box9 {
    margin: 0 7%;
}
.box9 .span4 {
    padding-top: 90px;
}
.box9 a {
  color: #fff;
    display: block;
    font-size: 20px;
    height: 25px;
    margin: auto;
    padding-top: 79px;
    text-align: center;
    text-decoration: none;
    width: 117px;
}
.box9 a.b1{
     background: url("http://altp.zomgame.com/Content/imgs/player_layout_help_call_01.png") no-repeat top center;
} 
.box9 a.b1:hover,.box9 a.b1.selected{
     background: url("http://altp.zomgame.com/Content/imgs/player_layout_help_call_01_active.png") no-repeat top center;
} 

.box9 a.b2{
     background: url("http://altp.zomgame.com/Content/imgs/player_layout_help_call_02.png") no-repeat top center;
} 
.box9 a.b2:hover,.box9 a.b2.selected{
     background: url("http://altp.zomgame.com/Content/imgs/player_layout_help_call_02_active.png") no-repeat top center;
} 

.box9 a.b3{
     background: url("http://altp.zomgame.com/Content/imgs/player_layout_help_call_03.png") no-repeat  top center;
} 
.box9 a.b3:hover,.box9 a.b3.selected{
     background: url("http://altp.zomgame.com/Content/imgs/player_layout_help_call_03_active.png") no-repeat  top center;
} 

.box9 a.b4{
     background: url("http://altp.zomgame.com/Content/imgs/player_layout_help_call_04.png") no-repeat  top center;
} 
.box9 a.b4:hover,.box9 a.b4.selected{
     background: url("http://altp.zomgame.com/Content/imgs/player_layout_help_call_04_active.png") no-repeat  top center;
}
.box9.box10 {
  margin: auto;
    max-width: 525px;
    min-width: 320px;
}
.box9 .blockContent {
    padding: 30px 0 0;
}

.box9 .msg {
    color: #ffbe1a;
    font-size: 26px;
    font-weight: bold;
    padding:12px 0 20px;
    text-align: center;
}

 @media only screen and  (max-width: 767px) {

    .box4 .answer .span2{
        min-width:100%;
    }
    .box9 .span4 {
         width:50%;
         padding-top:25px;
    }
  }
@media only screen and (max-width: 1024px) {
    .box2 .span3 {
        min-width: 100%;
    }
    .box2 ul li {
         margin-bottom: 15px;
    }


   

 }
@media only screen and (min-width: 1024px) {
    .box2 {
        padding-top: 15%;
    }
    .box2 ul li {
        margin-bottom:25px
    }
      
}




 
/*.scroll-container {
	height: 100%;
	width: 100%;
}
.scroll-container .swiper-slide {
	width: 100%;
}*/
/* Scrollbars */
/*.swiper-scrollbar {
	position: absolute;
	right: 5px;
	top: 2%;
	width: 5px;
	height: 96%;
	background: rgba(0,0,0,0.2);
	z-index: 10;
}
.swiper-scrollbar-drag {
	height: 100%;
	width: 100%;
	position: relative;
	background: rgba(255,255,255,0.5);
	border-radius: 10px;
}*/
 
.box12 {
    background: none repeat scroll 0 0 #262626;
    height: 854px;
}
.box12 .header{
    height:68px;
    background:#1f1f1f;
}
.box12 .right {
    background: url("http://altp.zomgame.com/Content/imgs/ic_life.png") no-repeat scroll center center rgba(0, 0, 0, 0);
    float: right;
    height: 68px;
    margin-right: 7%;
    width: 68px;
}

.box12 .right span {
    background: none repeat scroll 0 0 #d60312;
    border-radius: 25px;
    color: #fff;
    display: inline-block;
    margin: 8px 0 0 37px;
    padding: 3px 10px;
}

.box12 .back {
     background: url("http://altp.zomgame.com/Content/imgs/meta__action_back.png") no-repeat scroll left center rgba(0, 0, 0, 0);
    color: #fff;
    display: block;
    font-size: 20px;
    font-weight: bold;
    height: 62px;
    line-height: 62px;
    margin-left: 7%;
    margin-top: 0;
    padding-left: 9%;
    text-decoration: none;
}
.box12 .title {
    color: #cc46ff;
    font-size: 33px;
    font-weight: bold;
    padding:45px 0 20px;
    text-align: center;
}


.box12  .avata {
    border: 4px solid #fff;
    border-radius: 31px;
    height: 52px;
    margin: 0 auto 15px;
    overflow: hidden;
    width: 52px; 
}
.box12  .avata img{
    width:52px;
    height:52px;
} 
.box12 .memmber {
    color: #fff;
    font-size: 26px;
    font-weight: bold;
    line-height: 36px;
    text-align: center;
}
.box12  .memmber .txt { 
    font-style: italic;
    font-weight: normal;
}
    .box12 .block {
        padding-bottom: 30px;
    }
.box12 .block.bd {
    background: url("http://altp.zomgame.com/Content/imgs/result_image_stroke.png") no-repeat scroll center bottom rgba(0, 0, 0, 0);
    
}


.box12 .block.block2 {
    color: #fff;
    font-size: 21px;
    line-height: 45px;
    padding-top: 25px;
    text-align: center;
}

.box12 .block.block2 span {
    font-size: 32px;
    font-weight: bold;
}

.box12 .block.block2 .thuong {
    color: #cc46ff;
    font-size: 40px;
    font-weight: bold;
}
     
.box12 .block.block3 {
    color: #fff;
    font-weight: bold;
    line-height: 27px;
    padding: 57px 0 0;
    text-align: center;
}

.box12 .dangnhap {
    background: url("http://altp.zomgame.com/Content/imgs/button_zalo_login_normal.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.box12 a {
    display: block;
    height:68px;
    margin: 15px auto 0;
    width: 285px;
}
.popup {
    display: none;
    position: absolute;
    top: 20%;
    width: 100%;
    z-index: 5550;
}
.bgPopup {
     display: none;
    height: 100%;
    position: absolute;
    width: 100%;
    z-index:5500;
    background:url("http://altp.zomgame.com/Content/imgs/bgPopup.png") repeat scroll 0 0 transparent
}
#boxload{
 color: #fff;
    height: 25px;
    margin: auto;
    position: relative;
    width: 202px;
}
#progress {
  font-size: 18px;
  left: 50%;
  letter-spacing: 0.1em; 
  text-align: center;
  top: 50%;
  width: 200px;
}
#progressbar {
    background: none repeat scroll 0 0 #fff;
    height: 5px;
    text-align: center;
    width: 100%;
    margin-top:5px;
}
  .bar {
    @include box-shadow(cyan 0 0 10px 1px);
    @include transition(all 300ms);
 
    background-color: cyan;
    display: block;
    height: 5px;
    width: 0;
} 
  
  .bar.complete {
    @include box-shadow(rgba(255, 0, 0, 0) 0 0 10px 10px);
  }
   